<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<meta http-equiv="keywords" content="${channel.keywords!}"/>
<meta http-equiv="description" content="${channel.description!}"/>
<title>${site.name} - Powered by JavaCMS</title>
<link rel="stylesheet" type="text/css" href="/${mobileRes!}/css/index.css"> 
<link rel="stylesheet" type="text/css" href="/${mobileRes!}/css/news.css"> 
<script src="${resSys}/jquery.js" type="text/javascript"></script>
<script src="${resSys}/front.js" type="text/javascript"></script>
<script src="/${mobileRes!}/js/hhSwipe.js" ></script>
<script type="text/javascript">
$(function() {
	Cms.channelViewCount("${base}","${channel.id}");
	Cms.siteFlow("${base}", location.href, document.referrer,"${site.config.flowSwitch?string}");
});
</script>

</head>

<body>
<div class="viewport">
  [#include "../include/header.html" /]
  <div class="addWrap">
	<div class="swipe" id="mySwipe">
		<div class="swipe-wrap">
               [@cms_content_list typeId='2' recommend='1' orderBy='4' channelId='75,76' titLen='20' channelOption='1' dateFormat='yyyy-MM-dd'] 
            [#list tag_list as a]
		  <div>
                    <a href="${a.mobileUrl!}"><img class="img-responsive" src="${a.typeImg!}"/>
                    <div class="slBanrTxt"><p>[@text_cut s=a.title len=titLen append='...'/]</p></div>
                    </a>
                  </div>
            [/#list]
          [/@cms_content_list]
                </div>					
	</div>	
 [@cms_content_list typeId='2' recommend='1' orderBy='4' channelId='75,76' titLen='25' channelOption='1' dateFormat='yyyy-MM-dd'] 
	<ul id="position">
     [#list tag_list as a]
      <li [#if a_index<1]class="cur"[/#if]>${a_index+1}</li>
	[/#list]
      <span>/${tag_list?size}</span>
	</ul>
        [/@cms_content_list]
  </div>
  <script type="text/javascript">
	var bullets = document.getElementById('position').getElementsByTagName('li');
	
	var banner = Swipe(document.getElementById('mySwipe'), {
		auto: 3000,
		continuous: true,
		disableScroll:false,
		callback: function(pos) {
			var i = bullets.length;
			while (i--) {
				bullets[i].className = ' ';
			}
			bullets[pos].className = 'cur';
		}
	})
  </script>
  <div class="toutiao">
   [@cms_content_list typeId='4' count='1' titLen='26' channelId='75' orderBy='4' channelOption='1' dateFormat='yyyy-MM-dd']
    [#list tag_list as a]
    <span>头条</span><a href="${a.mobileUrl!}">${a.title}</a></div>
   [/#list]
   [/@cms_content_list]
  <div class="newList">
    [@cms_content_list recommend='2' typeId='2' orderBy='4' channelId='75' channelOption='1' dateFormat='MM-dd']
    [#list tag_list as a]
    <div class="item one-pic">
      <a href="${a.mobileUrl!}">
      <div class="pic"><img src="${a.typeImg!}"></div>      
      <div class="item-txt">
        <div class="item-title">${a.title}</div>
        <div class="item-des">${a.description!}</div>
      </div>
      <div class="item-bottom">${a.date?string(dateFormat)}<span>评论 ${a.contentCount.comments!}</span></div>
      </a>
    </div>
    [/#list]
    [/@cms_content_list]
    [@cms_content_list recommend='2' typeId='1' orderBy='4' channelId='75' channelOption='1' dateFormat='MM-dd']
    [#list tag_list as a]
    <div class="item text"> 
      <a href="${a.mobileUrl!}">   
      <div class="item-txt">
        <div class="item-title">${a.title}</div>
        <div class="item-des">${a.description!}</div>
      </div>
      <div class="item-bottom">${a.date?string(dateFormat)}<span>评论 ${a.contentCount.comments!}</span></div>
      </a>
    </div>
    [/#list]
    [/@cms_content_list]
  </div>
</div>
[#include "../include/gotop.html" /]
</body>
</html>